import floatButtonIcon from "@/assets/images/decorate/floatButtonIcon.png";
export default {
    id: "1-11",
    title: "悬浮按钮",
    name: "floatingButton",
    ename: "floatButtonComponent",
    icon: "iconfont icon-yewutubiao_zujian-shujuluruzujian",
    canDelete: true,
    fixedBottom: false, // 固定在底部，其下不能再添加组件
    active: "",
    main: {
        floatButtonImage: "",
        floatButtonImageDefault: floatButtonIcon, //悬浮按钮图片url
        floatButtonSize: 65, //悬浮按钮宽高
        floatButtonEvent: "link", //悬浮按钮点击事件
        floatButtonLinkUrl: "", //悬浮按钮点击跳转链接地址
        floatButtonLinkName: "", //悬浮按钮点击跳转链接名称
        floatButtonQrCodeUrl: "", //悬浮按钮点击弹出二维码
        floatingButtonPositon: "br", //悬浮按钮位置
        offsetUpAndDown: 10, //悬浮按钮上下偏移
        leftAndRightOffset: 10, //悬浮按钮左右偏移
    },
    right: [
        {
            id: "1-11-1",
            name: "模块风格",
            direction: "column",
            open: true,
            catalog: [
                {
                    id: "1-11-1-1",
                    title: "按钮图片：",
                    name: "",
                    ename: "floatButtonImage",
                    display:"block" ,
                    value: "", //这里是图片url
                    default: floatButtonIcon,
                    remark: "",
                    controlName: "chooseImageComponent",
                },
                {
                    id: "1-11-1-2",
                    title: "按钮宽高：",
                    name: "floatButtonSize",
                    ename: "floatButtonSize",
                    display:"block" ,
                    value: 65,
                    controlName: "sliderComponent",
                    min: 10,
                    max: 150,
                    step: 1,
                    default: 65,
                    suffix: "px",
                },
                {
                    id: "1-11-1-3",
                    title: "按钮事件：",
                    name: "",
                    ename: "floatButtonEvent",
                    display:"block" ,
                    value: "link", //这里存的是ID，1-link-跳转链接；2-qrcode-弹出二维码
                    controlName: "floatBtnEventComponent",
                    options: [
                        {
                            id: "link",
                            name: "跳转链接",
                            value: "link",
                            link: {
                                title: "点击链接：",
                                url: "", //链接地址
                                name: "", //链接名称
                            },
                        },
                        {
                            id: "qrcode",
                            name: "弹出二维码",
                            value: "qrcode",
                            qrcode: {
                                title: "二维码图片：",
                                url: "",
                            },
                        },
                    ],
                },
                
            ],
        },{
            id: "1-11-2",
            name: "模块样式",
            direction: "column",
            open: true,
            catalog: [{
                id: "1-11-1-4",
                title: "按钮位置：",
                name: "",
                ename: "floatingButtonPositon",
                display:"block" ,
                value: "br",
                controlName: "radioComponent",
                options: [
                    {
                        id: "tl",
                        name: "左上",
                        value: "tl",
                    },
                    {
                        id: "tr",
                        name: "右上",
                        value: "tr",
                    },
                    {
                        id: "bl",
                        name: "左下",
                        value: "bl",
                    },
                    {
                        id: "br",
                        name: "右下",
                        value: "br",
                    },
                ],
            },
            {
                id: "1-11-1-5",
                name: "",
                ename: "offsetUpAndDown",
                title: "上下偏移：",
                display:"block" ,
                controlName: "sliderComponent",
                min: 0,
                max: 100,
                step: 1,
                default: 10,
                value: 10,
                suffix: "%",
            },
            {
                id: "1-11-1-6",
                name: "",
                ename: "leftAndRightOffset",
                title: "左右偏移：",
                display:"block" ,
                controlName: "sliderComponent",
                min: 0,
                max: 100,
                step: 1,
                default: 10,
                value: 10,
                suffix: "%",
            },]
        }
    ],
}